iT邦幫忙

2021 iThome 鐵人賽

DAY 18
0
Mobile Development

麻瓜學習 iOS 開發系列 第 18

Day18:SwiftUI Picker

  • 分享至 

  • xImage
  •  

前言

SwiftUI Picker 可以讓我們自行選擇項目,
也可以選擇不同的呈現方式,
這篇文章來討論 SwiftUI Picker。

實作

  • 打開一個新的專案,
    並在 view 裡刪除 text 帶入 Picker:

    這裡有一個 selection 參數,
    要傳入 binding,
    這有點類似於 TabView。
    content 參數是一個放置要給使用者看的內容的 closure。
  • 宣告一個 @State property 並帶入 selection 參數 :
  • 點擊 content 參數會打開一個 trailing 並帶入 text:
  • 添加一個 text 顯示變數 selectedIndex 的值:

    由於 selection 參數的雙向綁定,
    當我改變 UI 時,變數 selectedIndex 也應該隨之改變,
    改變變數 selectedIndex 的值時,UI 也會隨之改變,
    我們在 Text()後添加 tag:

  • MenuPickerStyle
    上面的范例是默認 wheel 的模式,
    這邊來介紹 MenuPickerStyle:

  • SegmentedPickStyle

    關於 Picker 更詳細的內容:
    Picker

上一篇
Day17:SwiftUI— EnvironmentObject
下一篇
Day19:SwiftUI—Button
系列文
麻瓜學習 iOS 開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言